<html>
<head>

<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../js/plugin/jquery-jtemplates.js" type="text/javascript"></script>
<script src="../js/customfunctions.js" type='text/javascript'></script>
<script src="../js/plugin/jquery-ui-1.8.12.custom.min.js"
	type='text/javascript'></script>
<script src="../js/plugin/jquery.bgiframe-2.1.2.js" type='text/javascript'></script>
<script src="../js/plugin/jquery.validate.min.js" type='text/javascript'></script>
<link href="../css/jquery/jquery.ui.all.css" rel="stylesheet"></link>
<link href="../css/jquery/jquery.ui.dialog.css" rel="stylesheet"></link>

<script>
	$(document).ready(function() {
		$.getJSON("/hnl/HelloWorld.do", function(data) {
			setdropdown(data);
		});
		$.getJSON("/hnl/HelloWorld.do", function(data) {
			setdropdown(data);
		});
		
	});
	
	function setdropdown(newOptions) {
		var select = $('#dropdown');
		var options = select.attr('options');
		$.each(newOptions, function(val, text) {
			options[options.length] = new Option(text, val);
		});
	}
</script>

</head>
<body>
	<fieldset>
		<legend>Please Select Dropdown Below</legend>
		<p>
			<select id="dropdown">
			</select>
		</p>
	</fieldset>
</body>
</html>
